text - decoration

Internet Explorer/Internet Explorer

Netscape/Netscape

Opera/Opera

Safari/Safari

Firefox/Firefox

6.0

7.0

8.0

8.0

9.0

8.0

9.2

9.5

1.3

2.0

3.1

1.5

2.0

3.0

Частий.

Частий.

Частий.

Так

Так

Так

Так

Так

Так

Так

Так

Так

Так

Так

Частий. - підтримується частково.

Коротка інформація

CSS

CSS1, CSS2

Значення за умовчанням

none

Наслідує

Ні

Застосовується

До усіх елементів

Аналог HTML

<U>, <S>, <STRIKE>, <BLINK>

Посилання на специфікацію

http://www.w 3.org/TR/CSS21/text.html#propdef - text - decoration

Опис

Додає оформлення тексту у вигляді його підкреслення, перекреслювання, лінії над текстом і мигання. Одночасно можна застосувати більше за один стиль, перераховуючи значення через пропуск.

Синтаксис

text - decoration: [ blink | line - through | overline | underline ] | none | inherit

Значення

blink

Встановлює миготливий текст. Такий текст періодично, приблизно раз в секунду зникає, потім знову з'являється на колишньому місці (приклад).

line - through Створює перекреслений текст (приклад).

overline Лінія проходить над текстом (приклад).

underline Встановлює підкреслений текст (приклад).

none Відміняє усі ефекти, у тому числі і підкреслення у посилань, яке задане за умовчанням.

inherit Значення наслідує у батька.

Приклад

HTML 4.0  CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http ://www.w 3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows - 1251">
    <title>text - decoration</title>
    <style type="text/css">
      A { 
        text - decoration: none; /* Прибираємо підкреслення у посилань */
      }
      A: hover { 
        text - decoration: underline; /* Додаємо підкреслення 
                                                                      при наведенні курсора миші на посилання */
      }
    </style> 
  </head> 
  <body>
  
    <p><a href="link 1.html">   Луцький національний техніний університет</a></p>
  
  </body>
</html>

Об'єктна модель

[window.]document.getElementById("elementID").style.textDecoration [window.]document.getElementById("elementID").style.textDecorationBlink[window.]document.getElementById("elementID").style.textDecorationLineThrough[window.]document.getElementById("elementID").style.textDecorationNone[window.]document.getElementById("elementID").style.textDecorationOverLine [window.]document.getElementById("elementID").style.textDecorationUnderline

Браузери

Браузер Internet Explorer до восьмої версії включно, хоча і дозволяє використовувати значення blink, текст показує як завжди, без жодного мерехтіння.

Internet Explorer до сьомої версії включно не підтримує значення inherit. Лінія, отримана за допомогою значення line, - through, в IE7 розташовується вище, ніж в інших браузерах. У IE8 ця помилка виправлена.